<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Adiciona usuário no grupo</ui:define>
			<ui:define name="pageHeader">Grupo <h:outputText value="#{exibeParticipanteGrupoBean.grupoEsporte.nomeGrupo}" /></ui:define>
			<ui:define name="body"><br />
				<div class="titulo1">Adicione usuários ao seu grupo - <h:outputText value="#{exibeParticipanteGrupoBean.grupoEsporte.nomeGrupo}"/></div>
				<br />
				
				<h:form id="inclusao" rendered="true">					
					<h:panelGrid columns="2">					
						<h:panelGroup>
							<h:outputLabel value="Email do usuário:" />	
							<h:inputText value="#{adicionaUsuarioGrupoBean.usuarioSelecionado.email}" validatorMessage="Email inválido" required="true" requiredMessage="Digite o seu email">
								<f:validateRegex
		pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
							</h:inputText>
							<h:commandButton id="botaoBuscar" value="Buscar" action="#{adicionaUsuarioGrupoBean.buscarUsuarioPorEmail()}"/>
						</h:panelGroup>															
					</h:panelGrid>	
														
					
					<br />
					<h:panelGroup rendered="#{not empty adicionaUsuarioGrupoBean.usuarioEncontrado}">
						<b>
						<h:outputText value="#{adicionaUsuarioGrupoBean.usuarioEncontrado.nome}" /> -
						<h:outputText value="#{adicionaUsuarioGrupoBean.usuarioEncontrado.email}" />
						</b>
						<!-- <h:inputText name="grupoID" value="#{exibeParticipanteGrupoBean.grupoEsporte.id}"  id="grupoID"/> -->
						<h:commandButton action="#{adicionaUsuarioGrupoBean.salvar()}" value="Adicionar ao grupo" />
					</h:panelGroup>				
					
				</h:form>
				<h:messages/>
			</ui:define>
	</ui:composition> 
</html>
